﻿@charset "utf-8";
.menu {
	width: 80px;
	height: 80px;
	position: fixed;
	top: 85%;
	left: 2%;
	background: url(../../images/navbar/menu.png) no-repeat;
	cursor: move;
	z-index: 9;
}

*html .menu {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop));
	margin-top: 340px;
}

.menu .box {
	width: 200px;
	height: 253px;
	background: url(../../images/navbar/m-bg.png) repeat;
	position: absolute;
	top: -88px;
	left: -30px;
	display: none;
}

.menu .box a {
	background: url(../../images/navbar/m1.png) no-repeat;
	position: absolute;
}

.menu .box a:hover {
	background: url(../../images/navbar/m2.png) no-repeat;
}

.menu .box .t1 {
	background-position: 0px 0px;
	width: 49px;
	height: 59px;
	left: 34px;
	top: 8px;
	cursor: pointer;
}

.menu .box .t2 {
	background-position: 0px -80px;
	width: 49px;
	height: 52px;
	left: 104px;
	top: 24px;
	cursor: pointer;
}

.menu .box .t3 {
	background-position: 0px -160px;
	width: 58px;
	height: 50px;
	left: 134px;
	top: 84px;
	cursor: pointer;
}

.menu .box .t4 {
	background-position: 0px -240px;
	width: 54px;
	height: 49px;
	left: 126px;
	top: 154px;
	cursor: pointer;
}

.menu .box .t5 {
	background-position: 0px -320px;
	width: 50px;
	height: 57px;
	left: 74px;
	top: 189px;
	cursor: pointer;
}

.menu .box .t6 {
	background-position: 0px -400px;
	width: 50px;
	height: 54px;
	left: 3px;
	top: 185px;
	cursor: pointer;
}

.menu .box .t1:hover {
	background-position: 0px 0px;
}

.menu .box .t2:hover {
	background-position: 0px -80px;
}

.menu .box .t3:hover {
	background-position: 0px -160px;
}

.menu .box .t4:hover {
	background-position: 0px -240px;
}

.menu .box .t5:hover {
	background-position: 0px -320px;
}

.menu .box .t6:hover {
	background-position: 0px -400px;
}